<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />
		<link rel="stylesheet" href="css/train.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../../../css/mui.poppicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/preview.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../static/components/components.css" />
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">培训教育</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">培训内容</div>
					</div>
					<div class="flex-between">
						<div class="flex-row" style="margin-top: 15px;">				
								<div>主持人</div> 
								<input style="width: 40vw;" :value="trainingDrill.hostStaffName + trainingDrill.hostStaffCode"  disabled="true" />
						</div>				
					</div>
					<div class="flex-row" style="margin-top: 15px">
						<div>审核人</div> 
						<input :value="training.reviewStaffName + training.reviewStaffCode"  style="width: 40vw;"  disabled="true" />
					</div> 
					  <div class="flex-row" style="margin-top: 15px;">				
						<div>活动/学习类型</div> 
						<input style="width: 26vw;" value="安全"  v-if="trainingDrill.activityLearningType == 0" disabled="true"/>
						<input style="width: 26vw;" value="技能"  v-if="trainingDrill.activityLearningType == 1"  disabled="true"/>
					</div>			
						<div class="flex-row" style="margin-top: 15px;">				
						  <div>培训日期</div> 
						  <input :value="training.trainingDate" style="width: 35vw;" disabled="true"/>
						</div>
					  <div class="mt-10">
						<div>内容、主题</div>
						<textarea :value="trainingDrill.activityContent" disabled="true"></textarea>	
					  </div>
					  <div v-if="statusTxt != '未开始'">
					  	<div class="flex-row">
					  		<div class="icon"></div><div class="color-blue" id="part-title">发言区</div>
					  	</div>
					  	<div class="flex-row mt-10">
					  		<div>现场签到人员</div>
					  		<input disabled="true" :value="memberText" style="flex:1"/>
					  	</div>
					  	<div class="chat-box mt-10">
					  		<div v-for="(item,index) in chatList">
					  			{{item}}
					  		</div>
					  	</div>
					  	<div class="flex-end mt-10">
					  		<div class="color-red">1分钟刷新一次</div>
					  		<button style="margin:0 0 0 10px;padding: 0 4vw;"	 class="submit_btn" @click="refresh">刷新</button>		
					  	</div>
					  	<div class="flex-row mt-10">
					  	<input placeholder="请输入发言" maxlength="60" style="flex:1" v-model="staffSpeak" :disabled="trainingDrill.status != 1" />
					  		<button style="margin:0 0 0 10px;padding: 0 4vw;" class="submit_btn" @click="sendMsg">发送</button>	
					  	</div>	
					  </div>
					  <hr class="mt-10" size="1" style="color: #999;border-style: dashed; widows: 250px;" />
					  
					<div v-if="trainingDrill.status >= 1 && trainingDrill.hostStaffCode.toUpperCase() == userInfo.userId.toUpperCase()">  
					  <div class="mt-10">
						<div>后续整改措施</div>
						<textarea :disabled="trainingDrill.status !=1 || trainingDrill.status !=2" maxlength="600" v-model="training.rectifyMeasure" placeholder="请输入后续整改措施" ></textarea>	
					  </div>
					  <div class="mt-10">
						<div>领导意见</div>
						<textarea :disabled="trainingDrill.status !=1 || trainingDrill.status !=2" maxlength="600" v-model="training.leaderView" placeholder="请输入领导意见"></textarea>	
					  </div>
						<div class="flex-row mt-10">				
						  <div style="width: 20vw;margin-right: 5px;">意见提出人</div> 
						  <personselect :issingle="false"  :disabled="trainingDrill.status !=1 && trainingDrill.status !=2" ref="personselect" style="width:35vw;"></personselect>
						</div>
						<div class="flex-row mt-10">
						  <label for="dateSelect3" style="width: 20vw;">提出时间</label>
						  <div :disabled="trainingDrill.status !=1 && trainingDrill.status !=2" id="dateSelect3" style="width: 35vw;height: 25px;line-height:25px;border: 1px solid #999;" >
							{{training.viewTime}}
						  </div>		
						</div>
				
					  <div class="flex-row mt-10">
						<div style="width: 20vw;">学习成绩</div>
						<input style="flex:1" :disabled="trainingDrill.status !=1" v-model="training.score" max="10"/>
					</div>
				</div>	
				<hr size="1" class="hr-line"  />

				<div class="list-head">
								<div>学习资料</div>
								<!-- <button class="submit_btn" @tap="upload">上传</button> -->
								
								<div v-if="fileIdstraining.length>0">
									<div style="margin-bottom: 1vh;" v-for="(item,index) in trainingfileList" class="flex-row">
										<div v-if="trainingfileList.length>0" style="width: 100vw;" class="flex-between">
											<div>
												{{item.fileName}}
											</div>
											<div class="flex-row">
												<!-- <button v-if="workStatus>20" style="background: red;color: white;border: 0;width: 10vw;" class="cancel_btn" @tap="delDown(item)">删除</button> -->
												<button style="width: 10vw;" class="submit_btn" @tap="downLoad(item)">下载</button>
											</div>
										</div>
				
									</div>
								</div>
								<div v-else style="text-align: center;">
									暂无数据
								</div>
					</div>
					<hr size="1" class="hr-line" />
					<div class="list-head">
									<div>附件</div>
									<!-- <button class="submit_btn" @tap="upload">上传</button> -->
									
									<div v-if="fileList2.length>0">
										<div style="margin-bottom: 1vh;" v-for="(item,index) in fileList2" class="flex-row">
											<div v-if="fileList2.length>0" style="width: 100vw;" class="flex-between">
												<div>
													{{item.fileName}}
												</div>
												<div class="flex-row">
													<!-- <button v-if="workStatus>20" style="background: red;color: white;border: 0;width: 10vw;" class="cancel_btn" @tap="delDown(item)">删除</button> -->
													<button style="width: 10vw;" class="submit_btn" @tap="downLoad(item)">下载</button>
												</div>
											</div>
					
										</div>
									</div>
									<div v-else style="text-align: center;">
										暂无数据
									</div>
						</div>
				
				</div>	
				
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<!-- <button @click="submitAll" class="submit_btn" v-if="userInfo.userId.toUpperCase() == trainingDrill.hostStaffCode.toUpperCase() && trainingDrill.status == 2">提交</button> -->
				<button class="submit_btn" @click="completeTrain" v-if="showComplete">培训完成</button>
				<button class="cancel_btn" @click="goBack">
					返回
				</button>
			</div>
		</div>
		
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/mui.dtpicker.js"></script>
		<script src="../../../js/mui.picker.min.js"></script>
		<script type="text/javascript" src="../static/js/neiosRequst.js"></script>
		<script src="../static/components/personSelect.js"></script>
		<script src="../static/components/processLog.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script src="../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="js/train.js"></script>
		<script src="../static/js/upLoadHelper.js"></script>
		
	</body>

</html>